﻿<!DOCTYPE html> 
<html> 
	<head> 
        <meta charset="utf-8" />
	    <title>@ViewBag.Title</title> 
        <meta name="viewport" content="width=device-width" />
	    <link rel="stylesheet" href="@Url.Content("~/Content/jquery.mobile-1.0b2.min.css")" />
        <link rel="stylesheet" href="@Url.Content("~/Content/Site.css")" />
	    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery-1.6.2.min.js")"></script>
        <script type="text/javascript">
            $(document).bind("mobileinit", function() {
                // As of Beta 2, jQuery Mobile's Ajax navigation does not work in all cases (e.g.,
                // when navigating from a mobile to a non-mobile page, or when clicking "back"
                // after a form post), hence disabling it.
                $.mobile.ajaxEnabled = false;
            });
        </script>
        <script type="text/javascript" src="@Url.Content("~/Scripts/jquery.mobile-1.0b2.min.js")"></script>
    </head> 
<body> 
    <div data-role="page" data-theme="b">
	    <div data-role="header">
            @if (IsSectionDefined("Header")) {
                @RenderSection("Header")
            } else {
		        <h1>@ViewBag.Title</h1>
                @Html.Partial("_LogOnPartial")
            }
	    </div>

	    <div data-role="content">	
		    @RenderBody()
	    </div>

    </div>

</body>
</html>